build: add frontend validation and fix lint/TypeScript errors

- Add lint-frontend and validate-frontend targets to Makefile
- Include frontend checks in make validate command
- Remove unused ChevronDown import from CodebaseExplorerPage
- Remove unused navigate import from ConfigEditorPage
- Remove width/height props from NetworkGraph in RunDetailPage
- Add vite-env.d.ts for CSS module type declarations

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ryanmccann1024

Makefile

@@ -1,7 +1,7 @@
 # FUSION Project Makefile
 # Provides convenient commands for development and validation
 
-.PHONY: help install lint test validate clean check-env precommit-install precommit-run
+.PHONY: help install lint test validate clean check-env precommit-install precommit-run lint-frontend validate-frontend
 
 # Default target
 help:
@@ -16,8 +16,10 @@ help:
 	@echo "  check-env          Check if virtual environment is activated"
 	@echo ""
 	@echo "Validation (run before submitting PR):"
-	@echo "  validate           Run all pre-commit checks on all files"
+	@echo "  validate           Run all checks (backend + frontend + tests)"
 	@echo "  lint               Run pre-commit checks on all files"
+	@echo "  lint-frontend      Run frontend linting (ESLint)"
+	@echo "  validate-frontend  Run frontend lint + TypeScript build"
 	@echo "  precommit-run      Run pre-commit on staged files only"
 	@echo "  test               Run unit tests with pytest"
 	@echo ""
@@ -86,13 +88,42 @@ precommit-run: check-env
 	@echo "🔍 Running pre-commit checks on staged files..."
 	pre-commit run
 
+# Frontend linting
+lint-frontend:
+	@echo "Running frontend ESLint..."
+	@if [ -d "frontend" ] && [ -f "frontend/package.json" ]; then \
+		cd frontend && npm run lint; \
+	else \
+		echo "Frontend directory not found, skipping..."; \
+	fi
+
+# Frontend validation (lint + build)
+validate-frontend:
+	@echo "Running frontend validation (lint + TypeScript build)..."
+	@if [ -d "frontend" ] && [ -f "frontend/package.json" ]; then \
+		cd frontend && npm run lint && npm run build; \
+	else \
+		echo "Frontend directory not found, skipping..."; \
+	fi
+
 # Full PR validation - run all pre-commit checks on all files
 validate: check-env
-	@echo "🚀 Running complete validation (pre-commit + tests)..."
-	@echo "Running pre-commit checks on all files..."
+	@echo "Running complete validation (backend + frontend + tests)..."
+	@echo ""
+	@echo "=== Backend: Pre-commit checks ==="
 	pre-commit run --all-files
-	@echo "Running unit tests..."
+	@echo ""
+	@echo "=== Frontend: Lint + TypeScript build ==="
+	@if [ -d "frontend" ] && [ -f "frontend/package.json" ]; then \
+		cd frontend && npm run lint && npm run build; \
+	else \
+		echo "Frontend directory not found, skipping..."; \
+	fi
+	@echo ""
+	@echo "=== Running unit tests ==="
 	python -m pytest
+	@echo ""
+	@echo "Validation complete!"
 
 # Lint only - run all pre-commit checks
 lint: check-env

frontend/src/pages/CodebaseExplorerPage.tsx

@@ -15,7 +15,6 @@ import {
   Cog,
   BookOpen,
   ArrowLeft,
-  ChevronDown,
 } from 'lucide-react'
 import Editor from '@monaco-editor/react'
 import { codebaseApi } from '@/api/client'

frontend/src/pages/ConfigEditorPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from 'react'
-import { useSearchParams, Link, useNavigate } from 'react-router-dom'
+import { useSearchParams, Link } from 'react-router-dom'
 import { useQuery, useMutation } from '@tanstack/react-query'
 import { ArrowLeft, Check, AlertTriangle, Save, FileCode, ChevronDown, FileText } from 'lucide-react'
 import Editor from '@monaco-editor/react'
@@ -15,7 +15,6 @@ interface ValidationResult {
 
 export function ConfigEditorPage() {
   const [searchParams, setSearchParams] = useSearchParams()
-  const navigate = useNavigate()
   const templateName = searchParams.get('template') || 'default'
   const { isDark } = useUI()
 

frontend/src/pages/RunDetailPage.tsx

@@ -429,8 +429,6 @@ export function RunDetailPage() {
                 <NetworkGraph
                   nodes={topology.nodes}
                   links={topology.links}
-                  width={700}
-                  height={500}
                 />
               ) : (
                 <div className="flex h-[500px] items-center justify-center rounded-lg border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800">

frontend/src/vite-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="vite/client" />
+
+declare module '*.css' {
+  const content: string
+  export default content
+}